<!--
  App.vue - Vue 应用的根组件
  功能：作为整个应用的入口组件，承载全局布局和初始化逻辑
-->
<template>
  <!-- 根组件的模板结构 -->
  <div id="app">
    <!-- 使用基本布局组件（通常包含导航栏、侧边栏、内容区域） -->
    <BasicLayout />
  </div>
</template>

<script lang="ts">
// 导入基础布局组件
import BasicLayout from './layouts/BasicLayout.vue'
// 导入后端 API 接口方法（示例：应用健康检查）
// import { healthUsingGet } from '@/api/mainController'

export default {
  // 注册子组件 将 BasicLayout 注册为局部组件，可在模板中直接使用
  components: { BasicLayout },
}

// 示例：在应用初始化时调用健康检查接口（可能存在问题）
// healthUsingGet()
//   .then(res => console.log('健康检查成功:', res))
//   .catch(err => console.error('健康检查失败:', err))
</script>

<style scoped>
/* 组件级 CSS（当前为空，可添加仅限本组件的样式）
   scoped 表示样式只作用于当前组件 */
</style>
